<template>
  <div class="home">
    <h1>父组件</h1>
    <p>{{ count }}</p>
    <SonOne />
    <SonTwo />
  </div>
</template>

<!-- setup新写法 -->
<script setup>
import SonOne from '@/components/SonOne.vue'
import SonTwo from '@/components/SonTwo.vue'
import { ref, provide } from 'vue'

let count = ref(10);
provide('count', count)




</script>
